<%@ page language="java" 
import="java.util.*,com.broadtext.rms.session.LoginResult" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
   String loginOk = LoginResult.LOGINOK.getContext();
   String checkOk = LoginResult.CHECKOK.getContext();
%>
<!DOCTYPE html>

<head>

	<meta charset="utf-8" />
	<base href="<%=basePath%>">
	<title>青岛力神动力电池远程监控平台</title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="<%=path%>/script/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path%>/script/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path%>/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path%>/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path%>/media/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path%>/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path%>/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="<%=path%>/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link href="<%=path%>/media/css/login.css" rel="stylesheet" type="text/css"/>

	<!-- END PAGE LEVEL STYLES -->

	<link href="<%=path%>/media/image/favicon.ico" rel="shortcut icon" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="login">

	<!-- BEGIN LOGO -->

	<div class="logo">

		<img src="<%=path%>/media/rms-images/logo.png" alt="" /> 

	</div>

	<!-- END LOGO -->

	<!-- BEGIN LOGIN -->

	<div class="content">

		<!-- BEGIN LOGIN FORM -->

		<form class="form-vertical login-form" action="#">

			<h3 class="form-title">青岛力神</br>动力电池远程监控平台 </h3>

			<div class="alert alert-error hide">

				<span>请输入用户名与密码</span>

			</div>

			<div class="control-group">

				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->

				<label class="control-label visible-ie8 visible-ie9">用户名</label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-user"></i>

						<input class="m-wrap placeholder-no-fix" type="text" placeholder="用户名" name="username" value=""/>

					</div>

				</div>

			</div>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9">密码</label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-lock"></i>

						<input class="m-wrap placeholder-no-fix" type="password" placeholder="密码" name="password" value=""/>

					</div>

				</div>

			</div>

			<div class="form-actions">

				<button type="submit" class="btn green pull-right">

				登录 <i class="m-icon-swapright m-icon-white"></i>

				</button>

			</div>



		</form>

		<!-- END LOGIN FORM -->        



	</div>

	<!-- END LOGIN -->
	
	<!-- BEGIN COPYRIGHT -->

	<div class="copyright">
		2017&copy;Lishen(Qingdao)New Energy Co.,Ltd.
	</div>

	<!-- END COPYRIGHT -->
	
	<div id="_checkLoginSeize" class="modal hide fade" tabindex="-1" data-backdrop="two-confirmation" data-keyboard="false">
		<div class="modal-body">
			<p>该账号正被其他用户使用，是否确认登陆？</p>
		</div>
		<div class="modal-footer">
			<button type="button" data-dismiss="modal" class="btn">否</button>
			<button type="button" data-dismiss="modal" class="btn green">是</button>
		</div>
	</div>

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="<%=path%>/script/jquery/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="<%=path%>/script/jquery/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="<%=path%>/script/jquery/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      

	<script src="<%=path%>/script/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

	<script src="<%=path%>/script/jquery/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="<%=path%>/script/jquery/js/jquery.blockui.min.js" type="text/javascript"></script>  

	<script src="<%=path%>/script/jquery/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="<%=path%>/script/jquery/js/jquery.uniform.min.js" type="text/javascript" ></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script src="<%=path%>/script/jquery/js/jquery.validate.min.js" type="text/javascript"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="<%=path%>/media/js/app.js" type="text/javascript"></script>

	<script src="<%=path%>/media/js/login.js" type="text/javascript"></script>      

	<!-- END PAGE LEVEL SCRIPTS --> 

	<script>

		jQuery(document).ready(function() {     
		  App.init();
		  
		  Login.init('<%=loginOk%>','<%=checkOk%>');
		  
		});

	</script>

	<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->

</html>